(function (zn){

    /**
     * @class Element
     * @namespace zn.ui.core
     * @desc Defined the structure of an basic ui element.
     */
    zn.class('zn.ui.control.Button', zn.ui.core.Component, {
        properties: {
            Name: '',
            Text: 'Button'
        },
        view: {
            $tag: 'buttom',
            $props: {
                'class': '{cn}',
                style: '{style}'
            },
            $content: '{#Text}',
            $events: {
                'click': '__click'
            }
        },
        methods: {
            init: function (){
                this.model = {
                    cn: 'btn',
                    style: 'border:1px solid red;'
                };
            },
            __click: function (sender, event){
                console.log(sender, event);
            }
        }
    });

})(zn);
